<!DOCTYPE html>
<html lang="en" style="font-size: 13.3333333333333vw;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/global.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="page-container">
        <div class="page page1" >
            <div class="g-btn"></div>
            <div class="hand-up"></div>
        </div>


        <div class="page page2 g-letter-bg">
            <div class="g-tape"></div>
            <div class="g-btn" data-default="true">播放祝福语音</div>
            <div class="note">
                <pre>

                </pre>
            </div>
            <div class="hand-up"></div>
        </div>



        <div class="page page3 g-letter-bg">
            <div class="bless-label"></div>
            <div class="g-paper">
                <div class="page-content"></div>
            </div>
            <div class="g-btn" data-default="true">我也要送祝福</div>
            <div class="g-seal"></div>
            <div class="g-modal">
                <div data-default="true" class="g-btn">点击开始摇一摇</div>
            </div>
        </div>
    </div>

    <audio id="soundAudio"></audio>
    <audio id="bgMusicAudio"></audio>
    <audio id="shakenAudio" src="./assets/media/shaken.mp3"></audio>
    <div class="music" data-default="true"></div>

   


    <script src="./js/utils.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>